<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>FacesBaby</title>
<script type="text/javascript" src="Public/js/jquery-1.7.1.min.js"></script>
<script type="text/javascript" src="Public/bootstrap/js/bootstrap.min.js"></script>
<script type="text/javascript" src="Public/js/lazyload.js"></script>
<script type="text/javascript" src="Public/artDialog/artDialog.source.js?skin=default" charset="utf-8"></script>
<script type="text/javascript" src="Public/js/jquery.ae.image.resize.min.js"></script>
<link rel="stylesheet" href="Public/bootstrap/css/bootstrap.css">
<link rel="stylesheet" href="theme/default/css/common.css">

<link rel="stylesheet" href="Public/css/login-page.css">


  <!--[if lte IE 6]>
  <link rel="stylesheet" type="text/css" href="Public/bootstrap/css/bootstrap-ie6.css">
  <![endif]-->
  <!--[if lte IE 7]>
  <link rel="stylesheet" type="text/css" href="Public/bootstrap/css/ie.css">
  <![endif]-->
  <style type="text/css">
  .form-actions{
	  padding:0px;
	  background:#fff;
	  border-top:0px;
	  }
  div.SignUp {
margin-top: 50px;
}
div#text{
height: 120px;
width: 413px;
padding: 15px 31px 25px 31px;		
background:#0072C6;
}
#text h2{color:#fff;font-size: 26px;}
#text p{color:#fff;font-size: 12px;
margin: 10px 0px 16px 0px;}

.notice {
padding: 4px 12px;
line-height: 18px;
font-family: Tahoma,Helvetica,Arial,\5b8b\4f53;
}
.notice-error, .notice-forbid {
border: 1px solid #f6c8b5;
background: #fceee8;
}
.form-error {
padding-left: 32px;
}
#login-form #login-error {
display: none;
}
#login-form.is-error-show #login-error {
display: block;
}

  </style>
<script type="text/javascript">
function RefleshVerify(){ 
//重载验证码
var timenow = new Date().getTime();
document.getElementById("verifyImg").src='index.php?s=/Home/User/verify/id='+timenow;
}

var reg_phone=/^0?(13[0-9]|15[012356789]|18[0236789]|14[57])[0-9]{8}$/;
var reg_email=/^[a-zA-Z0-9]{1}([\._a-zA-Z0-9-]+)(\.[_a-zA-Z0-9-]+)*@[a-z0-9-]+(\.[a-z0-9-]+){1,3}$/;
var global_chk = false;

function chkInput(obj){
	
}

function chkPost(){
	var email = $.trim($("#email").val());
	var pwd = $.trim($("#pwd").val());
	var checkcode = $.trim($("#checkcode").val());
	//	if($.trim(form.realname.value)==""&&!reg_phone.exec($.trim($('#phone').val()))&&!reg_email.exec($.trim($('#email').val()))){

		if(!reg_phone.exec(email)&&!reg_email.exec(email)){
			$("#login-error").show();
			$("#login-error").html("<span>账号格式为email或手机号码!</span>");
			$("#email").css("border","1px solid #ff6600");
			$("#email").focus();
			return false;
		}else{
				$("#email").css("border","1px solid green");
				$("#login-error").html("<span>账号格式正确!</span>");
		}
		if(pwd==""){
			$("#login-error").show();
			$("#login-error").html("<span>密码不能为空!</span>");
			$("#pwd").css("border","1px solid #ff6600");
			$("#pwd").focus();
			return false;
		}else{
			$("#pwd").css("border","1px solid green");
			$("#login-error").html("<span>密码格式正确!</span>");
		}
		if(checkcode==""){
			$("#login-error").show();
			$("#login-error").html("<span>验证码不能为空!</span>");
			$("#checkcode").css("border","1px solid #ff6600");
			$("#checkcode").focus();
			return false;
		}else{
			$("#checkcode").css("border","1px solid green");
			$("#login-error").html("<span>验证码已输入!</span>");
		}
		$("#fm-login-submit").val("正在登录中...请稍候!");
		//$("#fm-login-submit").attr("disabled","disabled");
		return true;

}

$(document).ready(function(){
$("#fm-login-submit").click(function(){
	chkPost();
});


});
</script>  
</head>

<body>

<include file="./template/default/Public/header-form.html" />

<div id="content">
	<div id="content-container" class="grid990 clr">
    	<div id="login-banner">
        	<img src="Public/images/show.png">
        </div>
        <div id="login-module">
        	<form id="login-form" class="login-form" method="post" action="/index.php?s=/Home/User/doLogin" onSubmit="return chkPost()">
            <div id="login-title" style="font-size:12px;font-weight:normal;">
    欢迎使用FacesBaby!
</div>
            	<div id="login-content" class="form clr">
                	<dl>
                    	<dt class="fm-label">
            <div class="fm-label-wrap clr">
                <!--<span id="login-id-label-extra" class="fm-label-extra"><a href="http://help.aliyun.com/guide?helpId=1798" target="_blank" data-spm-protocol="i">忘记登录名？</a></span>-->
                <label for="fm-login-id">登录名:</label>
            </div>
        </dt>
        
        <dd id="fm-login-id-wrap" class="fm-field" style="position: relative;">
            <div class="fm-field-wrap">
                <div id="account-check-loading" class="loading-mask">
                    <div class="loading-icon"></div>
                    <div class="loading-mask-body"></div>
                </div>
                <input name="email" id="email" class="fm-text" tabindex="1" placeholder="手机/邮箱" value="" autocomplete="off" autocorrect="off" autocapitalize="off">
            </div>
        </dd>
                        
                    </dl>
                    
                    <dl>
        <dt class="fm-label">
            <div class="fm-label-wrap clr">
								 <span class="fm-label-extra">
               		<a id="forgot-password-link" href="index.php?s=/Home/User/ForgetPassword">忘记登录密码？</a>
				 </span>
								
                <label for="fm-login-password">登录密码:</label>
            </div>
        </dt>
        <dd id="fm-login-password-wrap" class="fm-field">
            <div class="fm-field-wrap">
                <input class="fm-text" type="password" name="pwd" id="pwd" tabindex="2" autocomplete="off" placeholder="登录密码" autocorrect="off" autocapitalize="off">
            </div>
        </dd>
        </dl>
                   <dl>
        <dt class="fm-label">
            <div class="fm-label-wrap clr">
								 <span class="fm-label-extra">
               		
				 </span>
								
                <label for="fm-login-checkcode">验证码:</label>
            </div>
        </dt>
        <dd id="fm-login-password-wrap" class="fm-field">
            <div class="fm-field-wrap">
                <input id="checkcode" class="fm-text" type="text" name="checkcode" tabindex="3" autocomplete="off" placeholder="验证码" autocorrect="off" autocapitalize="off" style="width:75px;" size="4"><a onClick="RefleshVerify()" href="javascript:void(0)"><img src="index.php?s=/Home/User/verify" width="69" style="vertical-align:middle" id="verifyImg">换一换</a>
            </div>
        </dd>
        </dl>
              </div>
              <div id="login-error" class="form-error notice notice-error">
        
    </div>
              <div id="login-submit">
        <input type="hidden" name="event_submit_do_login" value="submit">
        <input id="fm-login-submit" value="登录" class="fm-button fm-submit" type="submit" tabindex="5" name="submit-btn">
    </div>
    
    <div id="login-other">
       <div class="login-login-links">
用合作账号登录：<a href="index.php?s=/Home/Sina/callback"><span class="form_btn_icon form_btn_icon_weibo"></span></a>
<br><br>
	</div>	


               <div class="register">
            <a href="index.php?s=/Home/User/signup">免费注册</a>
        </div>
	       </div>
              
            </form>
        </div>
    </div>
</div>






<include file="./template/default/Public/footer-logined.html" />


</body>
</html>